<template>
	<div class="">
		<img src="../../assets/images/bg.png" style="display:none;">
		<el-dialog title="" :visible.sync="centerDialogVisible" width="85%" :show-close='false'
			style="margin-top: 20vh;z-index: 9999;" center>
			<div class="boxdNUm">
				<div class="title">
					<div>JOKER</div>
				</div>
				<div class="langlist">
					<div class="descIt" @click="iframe_s2('JK1')">
						X1
					</div>
					<div class="descIt" @click="iframe_s2('JK2')">
						X2
					</div>
					<div class="descIt descItTow" @click="iframe_s2('JK5')">
						X5
					</div>
					<div class="descIt descItTow" @click="iframe_s2('JK10')">
						X10
					</div>
					<div class="descIt descItTow" @click="iframe_s2('JK20')">
						X20
					</div>
				</div>
			</div>
		</el-dialog>
		<div class="conPpageBox">
			<div class="" v-if="!isIframe">
				<div class="HomeTop">
					<div class="logoImg">
						<img src="https://logom.s3.ap-east-1.amazonaws.com/HKGAME.png" alt="" />
					</div>
					<div class="rightBox">
						<div class="rightBox" v-if="!token">
							<div class="zhucibox" @click="goNextPage('/register')">
								{{ $t("indexTitle.title1") }}
							</div>
							<div class="denglubox" @click="goNextPage('/login')">
								{{ $t("indexTitle.title2") }}
							</div>
						</div>
						<div class="yidengluBox" v-if="token" @click="getShowYue">
							<img src="../../assets/images/wallet.webp" alt="" />
							{{ info.money||0 }}
						</div>
						<div class="yuyanbox" @click="getShowLang">
							<img src="../../assets/images/zh_cn.png" alt="" v-if="$i18n.locale == 'zh'" />
							<img src="../../assets/images/hk.png" alt="" v-if="$i18n.locale == 'ft'" />
							<img src="../../assets/images/en.png" alt="" v-if="$i18n.locale == 'en'" />
						</div>
						<div class="langBox" v-if="isShowLang">
							<div class="langItBox" @click="switchLang('zh')">
								<img src="../../assets/images/zh_cn.png" alt="" />
								中文简体
							</div>
							<div class="langItBox" @click="switchLang('ft')">
								<img src="../../assets/images/hk.png" alt="" />
								中文繁体
							</div>
							<div class="langItBox" @click="switchLang('en')">
								<img src="../../assets/images/en.png" alt="" />
								English
							</div>
						</div>
						<div class="yueBox" v-if="isShowyue">
							<div class="yuenum" @click="getrefresh">
								{{ info.money }}
								<img src="../../assets/images/shuaxin.png" alt=""
									:class="{ ssssxuanzhuan: isrefresh }" />
							</div>
							<div class="yuenav">
								<div class="yuenavIt" @click="goNextPage('/deposit')">
									<img src="../../assets/img/chongzhi.png" alt="" />
									{{ $t("indexTitle.title26") }}
								</div>
								<div class="yuenavIt" @click="jixuAPI">
									<img src="../../assets/img/tikuan.png" alt="" />
									{{ $t("indexTitle.title303") }}
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="homeOneCarousel">
					<el-carousel :interval="5000" arrow="always" height="120px">
						<el-carousel-item v-for="item in 4" :key="item">
							<img src="../../assets/images/bg-home-sports.jpg" alt="" class="swpImg" />
						</el-carousel-item>
					</el-carousel>
				</div>
				<div class="notic-bar" @click="goNextPage('/personalMsg')">
					<div class="notice-img">
						<img src="../../assets/images/tongzhi.png" />
					</div>
					<div class="notice-bar-container">
						<div class="notice-bar__wrap">
							<span class="notice-bar__wrap_text">
								{{ noticeCon.title }}
							</span>
						</div>
					</div>
				</div>
				<div class="dengluhouBox">
					<div class="dengluhouBoxL">
						<span v-if="token">{{ info.money }}</span>
					</div>
					<div class="dengluhouBoxR">
						<div class="dengluhouBoxRIT" @click="goNextPage('/appDownload')">
							{{ $t("indexTitle.title3") }}
						</div>
						<div class="dengluhouBoxRIT" @click="goNextPage('/deposit')">
							{{ $t("indexTitle.title4") }}
						</div>
						<div class="dengluhouBoxRIT" @click="goNextPage('/withdraw')">
							{{ $t("indexTitle.title5") }}
						</div>
					</div>
				</div>
				<!-- <div class="" v-if="isSelShow==null">
			<div class="homeTowCarousel">
				<div class="tiyussBox">
					<img src="../../assets/images/bg-home-sports.jpg" alt="">
					<p>Zhejiang Professional FC</p>
				</div>
				<div class="jiantou jiantouleft">
					<img src="../../assets/images/jiantou.png" alt="">
				</div>
				<div class="navImgList">
					<p>CHINA FOOTBALL SUPER LEAGUE </p>
					<p>08/03 19:00<span>(GMT +08:00)</span></p>
					<div class="dafasdf">
						<div>0</div>
						<div>:</div>
						<div>0</div>
					</div>
				</div>
				<div class="jiantou jiantouright">
					<img src="../../assets/images/jiantou.png" alt="">
				</div>
				<div class="tiyussBox ">
					<img src="../../assets/images/bg-home-sports.jpg" alt="">
					<p>Zhejiang Professional FC</p>
				</div>
			</div>
			<div class="act-btn">立即下注</div>
		</div>
		<div class="homeNavBox" v-if="isSelShow==null">
			<div class="homeNavBoxIt" v-for="(it,index) in navList" :key="index" @click="switchdNavIt(index)"
				:class="{homeNavBoxIt:isSelShow==index}">
				<div class="homeNavBoxItImg">
					<img :src="it.img" alt="">
				</div>
				{{it.title}}
			</div>
		</div> -->
				<div class="homeNavBoxTow" v-if="isSelShow != null">
					<div class="homeNavBoxTowIt" v-for="(it, ind) in navList" :key="ind" @click="switchdNavIt(ind)"
						:class="{ homeNavBoxTowItddd: isSelShow == ind }">
						<div class="homeNavBoxTowItImg">
							<img :src="it.img" alt="" />
						</div>
						{{ it.title }}
					</div>
				</div>

				<div class="tiyuBox" v-if="isSelShow == 7">
					<div class="tiyuBoxIt" v-for="it in 4" :key="it">
						<img src="../../assets/game/sg.png" alt="" />
					</div>
				</div>
				<div class="tiyuBox" v-if="isSelShow == 4">
					<div class="tiyuBoxIt" v-for="(item, index) in buyu" :key="index" @click="getGames(item, 'FH')">
						<img :src="item.img" alt="" />
					</div>
				</div>
				<div class="tiyuBox" v-if="isSelShow == 0">
					<div class="tiyuBoxIt" v-for="(item, index) in tiyu" :key="index" @click="getGames(item, 'SB')">
						<img :src="item.img" alt="" />
					</div>
				</div>
				<div class="zhenrenBox" v-if="isSelShow == 1">
					<div class="zhenrenBoxIt" v-for="(item, index) in zhenren" :key="index"
						@click="getGames(item, 'LC')">
						<img :src="item.img" alt="" />
					</div>
				</div>
				<div class="zhenrenBox" v-if="isSelShow == 2">
					<div class="zhenrenBoxIt" v-for="(item, index) in dianzi" :key="index"
						@click="getGames(item, 'SL')">
						<img :src="item.img" alt="" />
					</div>
				</div>
				<div class="tiyuBox" v-if="isSelShow == 3">
					<div class="tiyuBoxIt" v-for="(item, index) in qipai" :key="index" @click="getGames(item, 'CB')">
						<img :src="item.img" alt="" />
					</div>
				</div>
				<div class="tiyuBox" v-if="isSelShow == 6">
					<div class="tiyuBoxIt" v-for="(item, index) in dianjing" :key="index" @click="getGames(item, 'ES')">
						<img :src="item.img" alt="" />
					</div>
				</div>
				<div class="tiyuBox" v-if="isSelShow == 5">
					<div class="tiyuBoxIt" v-for="(item, index) in dongwu" :key="index" @click="getGames(item, 'OT')">
						<img :src="item.img" alt="" />
					</div>
				</div>
				<!-- <div class="zhenrenBox" v-if="isSelShow==2">
				<div class="zhenrenBoxIt" v-for="(it,index) in 7" :key="index" @click="getGame(index)">
					<img src="../../assets/images/zhenren.png" alt="">
				</div>
			</div> -->
				<div class="" v-if="isSelShow == null">
					<div class="gameBox">
						<div class="gameBoxTitle">
							<div class="gameBoxTitleleft">
								<img src="../../assets/images/bg-home-sports.jpg" alt="" />
								hot
							</div>
							<div class="gameBoxTitleRight">全部</div>
						</div>
						<div class="gameBoxList">
							<div class="gameBoxListIt" v-for="it in 25" :key="it">
								<div class="asdfads">
									<img src="../../assets/images/bg-home-sports.jpg" alt="" />
								</div>
								<p>太空舰队</p>
							</div>
						</div>
					</div>
					<div class="gameBoxTitle">
						<div class="gameBoxTitleleft">
							<img src="../../assets/images/bg-home-sports.jpg" alt="" />
							联系我们
						</div>
					</div>
					<div class="lianxiBox">
						<div class="lianxiBoxIt">
							<img src="../../assets/images/bg-home-sports.jpg" alt="" />
							telegram官方频道
						</div>
						<div class="lianxiBoxIt">
							<img src="../../assets/images/bg-home-sports.jpg" alt="" />
							Whatsapp客服
						</div>
						<div class="lianxiBoxIt">
							<img src="../../assets/images/bg-home-sports.jpg" alt="" />
							电子邮箱
						</div>
						<div class="lianxiBoxIt">
							<img src="../../assets/images/bg-home-sports.jpg" alt="" />
							常见问题
						</div>
						<div class="lianxiBoxIt">
							<img src="../../assets/images/bg-home-sports.jpg" alt="" />
							H5在线客户服务
						</div>
					</div>
					<div class="gameBoxTitle">
						<div class="gameBoxTitleleft">
							<img src="../../assets/images/bg-home-sports.jpg" alt="" />
							合作伙伴
						</div>
					</div>
					<div class="hezuohuoban">
						<img src="../../assets/images/ameba.webp" alt="" />
						<img src="../../assets/images/auxd.webp" alt="" />
						<img src="../../assets/images/bbin.webp" alt="" />
						<img src="../../assets/images/bng.webp" alt="" />
						<img src="../../assets/images/btgaming.webp" alt="" />
					</div>
				</div>

				<div class="event-qmenu" :class="close ? 'close' : ''">
					<div class="handle" @click="close = !close">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 70">
							<path
								d="M0,1.3l0,67.4c0.5-1.3,1.2-2.6,1.9-3.8c2-3.3,4.2-5.7,8.4-9.6l1.5-1.4C19.3,47,22,42.8,22,35s-2.7-12-10.2-18.9c-0.2-0.2-1.2-1.1-1.5-1.4c-4.2-3.9-6.5-6.3-8.4-9.6C1.2,3.9,0.5,2.6,0,1.3L0,1.3z">
							</path>
						</svg>
						<img src="../../assets/images/jiantoudsd.png" alt="" v-if="close" />
						<img src="../../assets/images/jiantouxxx.png" alt="" v-if="!close" />
					</div>

					<div class="cont">
						<div class="event-item" @click="getNextPage('/mission')">
							<img src="../../assets/images/1.webp" alt="" />
						</div>
						<!-- <div class="event-item">
							<img src="../../assets/images/2.png" alt="" />
						</div> -->
						<div class="event-item" @click="getNextPage('/turntable')">
							<img src="../../assets/images/3.webp" alt="" />
						</div>
					</div>
				</div>
				<bottom :isSelNav="0"></bottom>
			</div>
			<loading v-if="isLoadingShow" :gameShowTow='gameShow'></loading>
			<!-- <loadingTow></loadingTow> -->
			<loadingFour :msgText="msgTextTow" v-if="isShowLoadingTeow" @closeGuanbiTow="closeGuanbi"></loadingFour>
			<div class="jiazaidonghua" v-if="isloadingTowShow">
				<img src="../../assets/img/loading-ani.svg" alt="" />
			</div>
			<div class="dafadsiframe" v-if="isIframe">
				<iframe :src="systemconfig.app_link" frameborder="0"></iframe>
			</div>
		</div>
	</div>
</template>
<script>
	import loadingTow from "../../components/loadingTow.vue";
	import loadingFour from "../../components/loadingFour.vue";
	import bottom from "../../components/bottom.vue";
	import loading from "../../components/loading.vue";
	import {
		userinfo,
		noticeList,
		getsystemconfig,
		playGame,
		transferAll,
	} from "../../utils/api.js";
	export default {
		components: {
			bottom,
			loading,
			loadingFour
			// loadingTow
		},
		data() {
			return {
				navList: [{
						title: this.$t("indexTitle.title6"),
						img: require("../../assets/images/tiyu.webp"),
					},
					{
						title: this.$t("indexTitle.title7"),
						img: require("../../assets/images/zhenren.webp"),
					},
					{
						title: this.$t("indexTitle.title8"),
						img: require("../../assets/images/laohuji.webp"),
					},
					{
						title: this.$t("indexTitle.title9"),
						img: require("../../assets/images/qipai.webp"),
					},
					{
						title: this.$t("indexTitle.title10"),
						img: require("../../assets/images/buyu.webp"),
					},
					{
						title: this.$t("indexTitle.title11"),
						img: require("../../assets/images/dongwujingji.webp"),
					},
					{
						title: this.$t("indexTitle.title12"),
						img: require("../../assets/images/dianjing.webp"),
					},
					// {
					// 	"title": this.$t("indexTitle.title13"),
					// 	"img": require('../../assets/images/caipiao.webp')
					// },
					{
						title: this.$t("indexTitle.title14"),
						img: require("../../assets/images/youhuihuodong.webp"),
					},
					{
						title: this.$t("indexTitle.title15"),
						img: require("../../assets/images/shoujixiazai.png"),
					},
				],
				isSelShow: 0,
				close: true,
				token: Boolean,
				info: [],
				isShowLang: false,
				isShowyue: false,
				noticeCon: {},
				systemconfig: {},
				baseURL: process.env.VUE_APP_URL,
				isIframe: false,
				isrefresh: false,
				isLoadingShow: false,
				isloadingTowShow: false,
				centerDialogVisible: false,
				buyu: [{
						value: "JBYK",
						name: "",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/by/JK.png",
						type: "FH",
					}, {
						value: "JDBY",
						name: "",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/by/JDB.png",
						type: "FH",
					}, {
						value: "GBBY",
						name: "",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/by/BBIN.png",
						type: "FH",
					}, {
						value: "SGBY",
						name: "",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/by/SG.png",
						type: "FH",
					},
					{
						value: "DSBY",
						name: "",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/by/DS.png",
						type: "FH",
					},
				],
				tiyu: [{
						value: "O1",
						name: "DB體育",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/ty/DB.png",
						type: "SB",
					}, {
						value: "ST",
						name: "三昇體育",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/ty/SS.png",
						type: "SB",
					}, {
						value: "CM",
						name: "CMD體育",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/ty/CMD.png",
						type: "SB",
					},
					{
						value: "S3",
						name: "SBO體育",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/ty/SBO.png",
						type: "SB",
					}, {
						value: "UG",
						name: "UG體育",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/ty/UG.png",
						type: "SB",
					},
				],
				zhenren: [{
						value: "DG",
						name: "DG真人",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/zr/DG.png",
						type: "LC",
					}, {
						value: "S6",
						name: "SEXY真人",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/zr/SEXY.png",
						type: "LC",
					}, {
						value: "WE",
						name: "WE真人",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/zr/WE.png",
						type: "LC",
					},
					{
						value: "WC",
						name: "WM真人",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/zr/WM.png",
						type: "LC",
					}, {
						value: "GB",
						name: "BBIN真人",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/zr/BBIN.png",
						type: "LC",
					}, {
						value: "E0",
						name: "EVO真人",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/zr/EVO.png",
						type: "LC",
					},
				],
				dianzi: [{
						value: "JK",
						name: "joker",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/JOKER.png",
						type: "SL",
					},
					{
						value: "CQ",
						name: "CQ9電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/CQ9.png",
						type: "SL",
					},
					{
						value: "JD",
						name: "JDB電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/JDB.png",
						type: "SL",
					},
					{
						value: "GB",
						name: "BBIN電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/BBIN.png",
						type: "SL",
					},
					{
						value: "PG",
						name: "PG電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/PG.png",
						type: "SL",
					},
					{
						value: "PR",
						name: "PP電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/PP.png",
						type: "SL",
					},
					{
						value: "FC",
						name: "FC電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/FC.png",
						type: "SL",
					},
					{
						value: "FK",
						name: "FK電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/FK.png",
						type: "SL",
					},
					{
						value: "DS",
						name: "DS電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/DS.png",
						type: "SL",
					},
					{
						value: "P3",
						name: "RT電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/RT.png",
						type: "SL",
					},
					{
						value: "SG",
						name: "SG電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/SG.png",
						type: "SL",
					},
					{
						value: "HB",
						name: "HB電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/HB.png",
						type: "SL",
					},
					{
						value: "L4",
						name: "LIVE22電子",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dz/LIVE22.png",
						type: "SL",
					},
				],
				qipai: [{
						value: "O3",
						name: "DB棋牌",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/qp/DB.png",
						type: "CB",
					},
					{
						value: "VG",
						name: "VG棋牌",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/qp/VG.png",
						type: "CB",
					}, {
						value: "BL",
						name: "BL棋牌",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/qp/BL.png",
						type: "CB",
					},
					{
						value: "KY",
						name: "開元棋牌",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/qp/KY.png",
						type: "CB",
					},
					{
						value: "LG",
						name: "樂遊棋牌",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/qp/LEG.png",
						type: "CB",
					},
				],
				dianjing: [{
						value: "IA",
						name: "小艾電競",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dj/IA.png",
						type: "ES",
					},
					{
						value: "TF",
						name: "雷火電競",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dj/TF.png",
						type: "ES",
					},
				],
				dongwu: [{
						value: "CY",
						name: "RCB賽馬",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dw/RCB.png",
						type: "OT",
					},
					{
						value: "S6",
						name: "SV388鬥雞",
						img: "https://hkgame.s3.ap-east-1.amazonaws.com/home/dw/SV388.png",
						type: "OT",
					},
				],
				msgTextTow: "",
				isShowLoadingTeow: false,
				gameShow:false
				// openUrl: window.open('', '_blank')
			};

		},
		created() {},
		mounted() {
			console.log(111);
			this.getNoticeList();
			this.getSystemconfig();
			if (localStorage.getItem("token") && !localStorage.getItem("userInfo")) {
				this.getuserinfo();
			} else if (localStorage.getItem("token") && localStorage.getItem("userInfo")) {
				this.info = JSON.parse(localStorage.getItem('userInfo'))
				this.getuserinfo();
			} else {
				this.token = false;
			}
			window.location.href.indexOf("?show") > -1 ? this.isLoadingShow = true : ''
			// if(localStorage.getItem('show')==1){
			// 	this.isLoadingShow = true
			// 	// window.location.href.indexOf("?show") > -1 ? this.isLoadingShow = true : ''
			// }
		},
		methods: {
			closeGuanbi(e) {
				this.isShowLoadingTeow = false;
			},
			getNextPage(page) {
				if (localStorage.getItem("token")) {
					this.$router.push(page);
				} else {
					this.$router.push("/login");
				}
			},
			getuserinfo() {
				userinfo()
					.then((res) => {
						if (res.status.errorCode == 0) {
							this.info = res.data;
							localStorage.setItem("userInfo", JSON.stringify(this.info))
							this.token = true;
							this.isShowyue = false;
							this.isloadingTowShow = false;
						} else if (res.status.errorCode == 401) {
							this.token = false;
							localStorage.removeItem("token");
							localStorage.removeItem('siteTitle');
							localStorage.removeItem('siteIco');
							if (localStorage.getItem('languageTow')) {
								localStorage.removeItem('languageTow');
							}
							if (localStorage.getItem("language")) {
								localStorage.removeItem("language");
							}
							if (localStorage.getItem("userInfo")) {
								localStorage.removeItem("userInfo");
							}
						} else {
							this.token = false;
							// this.$message.error(res.status.msg);
							this.msgTextTow = res.status.msg;
							this.isShowLoadingTeow = true;
							setTimeout(()=>{
								this.isShowLoadingTeow = false;
							},2000)
							// this.$message({
							// 	showClose: true,
							// 	message: res.status.msg,
							// 	type: "error",
							// });
						}
					})
					.catch((err) => {
						console.log(err, "err");
					});
			},
			getNoticeList() {
				this.noticeCon = {};
				let that = this;
				let data = {};
				noticeList(data)
					.then((res) => {
						if (res.status.errorCode == 0) {
							console.log(res.data.data);
							this.noticeCon = res.data.data[0];
						} else {
							// this.$message.error(res.status.msg);
							this.msgTextTow = res.status.msg;
							this.isShowLoadingTeow = true;
							setTimeout(()=>{
								this.isShowLoadingTeow = false;
							},2000)
							// this.$message({
							// 	showClose: true,
							// 	message: res.status.msg,
							// 	type: "error",
							// });
						}
					})
					.catch((err) => {
						console.log(err, "err");
					});
			},
			getrefresh() {
				this.isrefresh = true;
				this.getuserinfo();
			},
			getSystemconfig() {
				this.systemconfig = {};
				getsystemconfig()
					.then((res) => {
						if (res.status.errorCode == 0) {
							this.systemconfig = res.data;
						} else {
							// this.$message.error(res.status.msg);
							this.msgTextTow = res.status.msg;
							this.isShowLoadingTeow = true;
							setTimeout(()=>{
								this.isShowLoadingTeow = false;
							},2000)
							// this.$message({
							// 	showClose: true,
							// 	message: res.status.msg,
							// 	type: "error",
							// });
						}
					})
					.catch((err) => {
						console.log(err, "err");
					});
			},
			switchdNavIt(inde) {
				this.isSelShow = inde;
				if (inde == 7) {
					this.$router.push("/promotions");
					return false;
				}
				if (inde == 8) {
					this.$router.push("/appDownload");
					// this.isIframe = true;
					return false;
				}
				this.isSelShow = inde;
			},
			getGames2(item, type) {
				let that = this;
				if (!localStorage.getItem("token")) {
					this.$router.push("/login");
					return false;
				}
				this.isLoadingShow = true;
				setTimeout(() => {
					that.isLoadingShow = false;
				}, 500);
				setTimeout(() => window.open(item.openUrl), 500);
			},
			getGames(item, type) {
				let that = this;
				if (!localStorage.getItem("token")) {
					this.$router.push("/login");
					return false;
				}
				if (type == 'SL' && item.name == "joker") {
					this.centerDialogVisible = true;
					return false;
				}
				this.isLoadingShow = true;
				this.gameShow=true;
				// this.isLoadingShow = true;
				// window.location.href = 'http://43.198.233.28/game/playGame?api_code=' + item.value + '&game_type=' + type +
				// 	'&token=' + localStorage.getItem('token') + '&game_id=';
				let data = {
					api_code: item.value,
					game_type: type,
					token: localStorage.getItem("token"),
					game_id: "",
				};
				let url = "";
				var wyWindow = "";
				setTimeout(() => {
					// wyWindow = window.open(location.href, "_blank");
					wyWindow = window.open(location.href + '?show=1', "_blank");
				}, 100);
				// localStorage.setItem('show',1)
				playGame(data).then((res) => {
					if (res.status.errorCode == 0) {
						url = res.url;
						wyWindow.location = url;
					} else {
						this.msgTextTow = res.status.msg;
						this.isShowLoadingTeow = true;
						setTimeout(()=>{
							this.isShowLoadingTeow = false;
						},2000)
						// this.$message({
						// 	showClose: true,
						// 	message: res.status.msg,
						// 	type: "error",
						// });
					}
					localStorage.removeItem('show')
				});
				setTimeout(() => {
					that.isLoadingShow = false;
				}, 2000);
				setTimeout(() => {
					that.getuserinfo();
				}, 5000);

			},
			iframe_s2(apicode) {
				let that = this;
				this.isLoadingShow = true;
				this.centerDialogVisible = false;
				// this.isLoadingShow = true;
				// window.location.href = 'http://43.198.233.28/game/playGame?api_code=' + item.value + '&game_type=' + type +
				// 	'&token=' + localStorage.getItem('token') + '&game_id=';
				let data = {
					api_code: apicode,
					game_type: 'SL',
					token: localStorage.getItem("token"),
					game_id: "",
				};
				let url = "";
				var wyWindow = "";
				setTimeout(() => {
					// wyWindow = window.open(location.href, "_blank");
					wyWindow = window.open(location.href + '?show=1', "_blank");
				}, 100);
				// localStorage.setItem('show',1)
				playGame(data).then((res) => {
					if (res.status.errorCode == 0) {
						url = res.url;
						wyWindow.location = url;
					} else {
						this.msgTextTow = res.status.msg;
						this.isShowLoadingTeow = true;
						setTimeout(()=>{
							this.isShowLoadingTeow = false;
						},2000)
						// this.$message({
						// 	showClose: true,
						// 	message: res.status.msg,
						// 	type: "error",
						// });
					}
					// localStorage.removeItem('show')
				});
				setTimeout(() => {
					that.isLoadingShow = false;
				}, 2000);
			},
			getOpenUrl(url) {
				setTimeout(() => window.open(url), 500);
			},
			getShowLang() {
				this.isShowLang = !this.isShowLang;
			},
			getShowYue() {
				this.isShowyue = !this.isShowyue;
			},
			async geturl(items) {
				const MAX_CONCURRENT_REQUESTS = 5;
				const promises = [];

				for (const item of items) {
					const promise = this.getGames(item, item.type)
						.then((res) => {
							item.openUrl = res.url;
						})
						.catch((error) => {
							item.openUrl = location.href;
						});

					promises.push(promise);
					if (promises.length >= MAX_CONCURRENT_REQUESTS) {
						await Promise.race(promises);
						promises.splice(
							promises.findIndex((p) => p.isFulfilled === true),
							1
						);
					}
				}
				await Promise.all(promises);
			},
			async updateurl() {
				await this.geturl(this.tiyu);
				await this.geturl(this.zhenren);
				await this.geturl(this.dianzi);
				await this.geturl(this.qipai);
				await this.geturl(this.buyu);
				await this.geturl(this.dongwu);
				await this.geturl(this.dianjing);
			},
			switchLang(lang) {
				if(lang=='zh'){
					localStorage.setItem("languageTow", 'zh_cn');
				}else{
					localStorage.setItem("languageTow", lang);
				}
				this.$i18n.locale = lang;
				localStorage.setItem("language", lang);
				
				this.isShowLang = false;
				this.getNoticeList();
				this.getSystemconfig();
				if (localStorage.getItem("token") && !localStorage.getItem("userInfo")) {
					this.getuserinfo();
				} else if (localStorage.getItem("token") && localStorage.getItem("userInfo")) {
					this.info = JSON.parse(localStorage.getItem('userInfo'))
					this.getuserinfo();
				} else {
					this.token = false;
				}
				this.navList = [{
						title: this.$t("indexTitle.title6"),
						img: require("../../assets/images/tiyu.webp"),
					},
					{
						title: this.$t("indexTitle.title7"),
						img: require("../../assets/images/zhenren.webp"),
					},
					{
						title: this.$t("indexTitle.title8"),
						img: require("../../assets/images/laohuji.webp"),
					},
					{
						title: this.$t("indexTitle.title9"),
						img: require("../../assets/images/qipai.webp"),
					},
					{
						title: this.$t("indexTitle.title10"),
						img: require("../../assets/images/buyu.webp"),
					},
					{
						title: this.$t("indexTitle.title11"),
						img: require("../../assets/images/dongwujingji.webp"),
					},
					{
						title: this.$t("indexTitle.title12"),
						img: require("../../assets/images/dianjing.webp"),
					},
					{
						title: this.$t("indexTitle.title13"),
						img: require("../../assets/images/caipiao.webp"),
					},
					{
						title: this.$t("indexTitle.title14"),
						img: require("../../assets/images/youhuihuodong.webp"),
					},
					{
						title: this.$t("indexTitle.title15"),
						img: require("../../assets/images/shoujixiazai.png"),
					},
				];
				
			},
			goNextPage(page) {
				if (
					(!localStorage.getItem("token") && page == "/deposit") ||
					(!localStorage.getItem("token") && page == "/withdraw")
				) {
					this.$router.push("/login");
					return false;
				}
				this.$router.push(page);
			},
			jixuAPI() {
				this.isloadingTowShow = true;
				transferAll({})
					.then((res) => {
						if (res.status.errorCode == 0) {
							this.getuserinfo();
						} else {
							this.msgTextTow = res.status.msg;
							this.isShowLoadingTeow = true;
							setTimeout(()=>{
								this.isShowLoadingTeow = false;
							},2000)
							// this.$message({
							// 	showClose: true,
							// 	message: res.status.msg,
							// 	type: "error",
							// });
						}
					})
					.catch((err) => {
						console.log(err, "err");
					});
			},
		},
	};
</script>



<style scoped>
	* {
		box-sizing: border-box;
	}

	body {
		background-color: #1a1a1a;
	}

	.conPpageBox {
		background-color: #1a1a1a;
		/* height: -webkit-fill-available; */
		height: 90vh;
		padding-bottom: calc(50px + env(safe-area-inset-bottom));
		overflow-y: auto;
		overflow-x: hidden;
		padding-top: calc(constant(safe-area-inset-top) + 0px);
		padding-top: calc(env(safe-area-inset-top) + 0px);
		padding-bottom: calc(constant(safe-area-inset-bottom) + 85px);
		padding-bottom: calc(env(safe-area-inset-bottom) + 85px);
		box-sizing: border-box;
		position: fixed;
		z-index: 1;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}

	/* 头部 */
	.HomeTop {
		width: 100%;
		height: 50px;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #1a1a1a;
		border: 1px solid #1a1a1a;
		display: flex;
		align-items: center;
		padding: 0px 15px;
		z-index: 99;
		box-sizing: border-box;
		justify-content: space-between;
	}

	.logoImg {
		width: 80px;
		height: 33px;
	}

	.logoImg img {
		height: 100%;
	}

	.rightBox {
		display: flex;
		align-items: center;
		position: relative;
	}

	.yueBox {
		position: absolute;
		width: 250px;
		/* border: 1px solid #eee; */
		background: linear-gradient(#363636, #292929, #1b1b1c);
		font-size: 13px;
		color: #fff;
		top: 30px;
		right: -5px;
		border-radius: 5px;
	}

	.yuenum {
		width: 100%;
		height: 30px;
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		color: #fff;
		font-size: 23px;
		font-weight: 600;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.ssssxuanzhuan {
		animation: rotatefresh 1s;
	}

	@keyframes rotatefresh {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
			transition: all 0.6s;
		}
	}

	.yuenum img {
		width: 20px;
		height: 20px;
		margin-left: 5px;
	}

	.yuenav {
		width: 100%;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #fff;
		font-size: 15px;
	}

	.yuenavIt {
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.yuenavIt img {
		width: 26px;
		height: 26px;
		margin-right: 8px;
	}

	.yuenavIt:first-child {
		border-right: 1px solid #5e5e5e;
	}

	.langBox {
		position: absolute;
		width: 110px;
		border: 1px solid #eee;
		background-color: #2f2f2f;
		font-size: 13px;
		color: #fff;
		top: 30px;
		right: -5px;
		border-radius: 5px;
	}

	.langItBox {
		width: 100%;
		padding-left: 10px;
		display: flex;
		align-items: center;
		height: 40px;
	}

	.langItBox img {
		width: 25px;
		height: 25px;
		border-radius: 50%;
		margin-right: 3px;
	}

	.zhucibox {
		font-size: 13px;
		color: #fff;
		border: 0;
		border-radius: 6px;
		display: flex;
		line-height: 1;
		padding: 8px 12px;
		background: linear-gradient(180deg, #19f0ca, #05c8c6);
	}

	.denglubox {
		font-size: 13px;
		color: #fff;
		border: 0;
		border-radius: 6px;
		display: flex;
		line-height: 1;
		padding: 8px 12px;
		margin: 0px 5px;
		background: linear-gradient(180deg, #9e4fff, #5235ff);
	}

	.yidengluBox {
		display: flex;
		align-items: center;
		font-size: 16px;
		font-weight: 700;
		color: #fff;
		margin-right: 5px;
	}

	.yidengluBox img {
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}

	.yuyanbox {
		width: 20px;
		height: 20px;
	}

	.yuyanbox img {
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

	/* 轮播图 */
	.homeOneCarousel {
		width: 95%;
		margin: 0px auto 0;
		padding-top: 50px;
	}

	:deep(.homeOneCarousel .el-carousel__arrow) {
		width: 30px;
		height: 30px;
	}

	:deep(.homeOneCarousel .el-carousel__arrow:hover) {
		background-color: rgba(0, 0, 0, 0.7);
	}

	:deep(.homeOneCarousel .el-icon) {
		font-size: 20px;
		color: #a6abb5;
	}

	.swpImg {
		width: 100%;
		height: 100%;
	}

	/* :deep(.homeOneCarousel .el-carousel__item img) {
		width: 100%;
		height: 100%;
	} */

	:deep(.homeOneCarousel .el-carousel__indicators) {
		left: 50%;
		transform: translateX(-50%);
	}

	:deep(.homeOneCarousel .el-carousel__button) {
		width: 5px;
		height: 5px;
		border: none;
		border-radius: 50%;
		background-color: #292e3a;
	}

	:deep(.homeOneCarousel .is-active .el-carousel__button) {
		background: #fff;
	}

	:deep(.homeOneCarousel .el-carousel__container) {
		height: 100%;
	}

	.dengluhouBox {
		width: 95%;
		margin: 10px auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.dengluhouBoxL {
		font-size: 18px;
		color: #fff;
	}

	.dengluhouBoxR {
		display: flex;
		color: #888;
		font-size: 12px;
		font-weight: 300;
		white-space: nowrap;
		align-items: center;
	}

	.dengluhouBoxRIT {
		width: 60px;
		text-align: center;
	}

	.dengluhouBoxRIT:before {
		filter: hue-rotate(30deg) brightness(1.5) saturate(1.5) !important;
	}

	.dengluhouBoxRIT:before {
		content: "";
		display: block;
		height: 30px;
		margin: auto;
		width: 35px;
	}

	.dengluhouBoxRIT:first-child:before {
		background: url("../../assets/images/shouji.png") 50% / contain no-repeat;
	}

	.dengluhouBoxRIT:nth-child(2):before {
		background: url("../../assets/images/chongzhi.webp") 50% / contain no-repeat;
	}

	.dengluhouBoxRIT:last-child:before {
		background: url("../../assets/images/tixianTow.webp") 50% / contain no-repeat;
	}

	.homeTowCarousel {
		width: 95%;
		margin: 0 auto;
		background-color: #292929;
		border-radius: 5px 5px 0px 0px;
		display: flex;
		height: 130px;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
	}

	.tiyussBox {
		width: 22%;
		text-align: center;
	}

	.tiyussBox img {
		width: 70px;
		height: 70px;
		border-radius: 50%;
	}

	.tiyussBox p {
		margin: 5px 0px 0;
		width: 100%;
		color: #fff;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 12px;
	}

	.navImgList {
		color: #fff;
		width: 45%;
	}

	.navImgList p:first-child {
		width: 100%;
		font-size: 16px;
		margin: 0;
	}

	.navImgList p:nth-child(2) {
		width: 100%;
		font-size: 12px;
		margin: 2px 0;
	}

	.dafasdf {
		width: 90%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 20px;
		font-weight: 600;
	}

	.jiantou {
		width: 25px;
		height: 25px;
		color: #fff;
		background-color: #0f0f0f;
		border-radius: 50%;
		text-align: center;
		line-height: 25px;
	}

	.jiantouleft {
		margin-right: 5px;
	}

	.jiantouright {
		margin-right: 5px;
	}

	.jiantou img {
		width: 15px;
		height: 15px;
	}

	.jiantouleft img {
		transform: rotate(-180deg);
	}

	.act-btn {
		background: linear-gradient(180deg, #9e4fff 5%, #5235ff);
		color: #fff;
		cursor: pointer;
		display: block;
		font-size: 14px;
		font-weight: 700;
		line-height: 34px;
		overflow: hidden;
		position: relative;
		text-align: center;
		border-radius: 0px 0px 5px 5px;
		width: 95%;
		margin: 0px auto;
	}

	::-webkit-scrollbar {
		display: none;
	}

	.homeNavBox {
		width: 95%;
		display: flex;
		align-items: center;
		margin: 10px auto;
		overflow-x: scroll;
		justify-content: space-between;
	}

	.homeNavBoxIt {
		width: 23%;
		color: #fff;
		text-align: center;
		margin: 0px 15px 0px 0px;
		font-size: 12px;
	}

	.homeNavBoxIt:last-child {
		margin: 0px 0px 0px 0px;
	}

	.homeNavBoxItImg {
		width: 50px;
		height: 50px;
		border-radius: 10px;
		display: flex;
		align-items: center;
		background-color: #2f2f2f;
		margin-bottom: 5px;
		justify-content: center;
	}

	.homeNavBoxItImg img {
		width: 25px;
		height: 25px;
	}

	.homeNavBoxTow {
		width: 100%;
		display: flex;
		align-items: center;
		margin: 10px auto;
		overflow-x: scroll;
	}

	.homeNavBoxTowIt {
		padding: 7px 20px;
		box-sizing: border-box;
		text-align: center;
		font-size: 10px;
		color: #888;
		flex-shrink: 0;
		background-color: #2a2a2a;
	}

	.homeNavBoxTowItImg {
		display: flex;
		align-items: center;
		margin-bottom: 5px;
		justify-content: center;
	}

	.homeNavBoxTowItImg img {
		width: 25px;
		height: 25px;
	}

	.homeNavBoxTowItddd {
		color: #fff;
		background: linear-gradient(90deg, #9e4fff, #5235ff);
	}

	.navImg {
		flex: 0 0 auto;
		height: 55px;
		margin-right: 10px;
	}

	.navImg img {
		width: 250px;
		cursor: pointer;
		border-radius: 10px;
		transition: 0.3s all;
		border: 1px solid #585962;
		height: 100%;
	}

	.navImg img:hover {
		width: 260px;
		height: 60px;
		border: 1px solid #8f0720;
	}

	/* 通知 */
	.notic-bar {
		width: 95%;
		margin: 10px auto;
		display: flex;
		background: #353535;
		align-items: center;
		height: 35px;
		padding: 5px;
		border-radius: 5px;
		box-sizing: border-box;
	}

	.notice-bar-container {
		display: flex;
		align-items: center;
		width: calc(100% - 30px);
		height: 35px;
		overflow: hidden;
		margin-left: 5px;
	}

	.notice-img {
		width: 25px;
		background-color: #ffffff;
		border-radius: 50%;
		height: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.notice-img img {
		width: 15px;
		height: 15px;
	}

	.notice-bar__wrap {
		margin-left: 10px;
		display: flex;
		align-items: center;
		animation: move 20s linear infinite;
		line-height: 35px;
		font-size: 14px;
		cursor: pointer;
		color: #fff;
		width: 100%;
	}

	.notice-bar__wrap_text {
		width: max-content;
		min-width: 100px;
	}

	.notice-bar__wrap:hover {
		animation-play-state: paused;
	}

	@keyframes move {
		0% {
			transform: translateX(100%);
		}

		100% {
			transform: translateX(-100%);
		}
	}

	/* 游戏 */
	.gameBox {
		width: 100%;
		box-sizing: border-box;
	}

	.gameBoxTitle {
		width: 95%;
		margin: 10px auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #fff;
		font-size: 17px;
	}

	.gameBoxTitleleft {
		display: flex;
		align-items: center;
		font-weight: 600;
	}

	.lianxiBox {
		width: 80%;
		margin: 0 auto;
	}

	.lianxiBoxIt {
		width: 100%;
		display: flex;
		align-items: center;
		font-size: 16px;
		color: #fff;
		height: 45px;
		border-bottom: 1px solid #3a3937;
	}

	.lianxiBoxIt img {
		width: 30px;
		height: 30px;
		margin-right: 5px;
	}

	.gameBoxTitleRight {
		width: 45px;
		height: 23px;
		line-height: 23px;
		text-align: center;
		font-size: 12px;
		border-radius: 23px;
		border: 1px solid;
		border-color: rgba(255, 255, 255, 0.3);
		color: rgba(255, 255, 255, 0.8);
	}

	.gameBoxTitleleft img {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}

	.gameBoxList {
		width: 95%;
		margin: 0 auto;
		display: flex;
		overflow-x: scroll;
		justify-content: space-between;
	}

	.gameBoxListIt {
		width: 140px;
		margin-right: 10px;
		color: #fff;
		font-size: 14px;
	}

	.gameBoxListIt p {
		margin: 3px 0;
	}

	.gameBoxListIt:last-child {
		margin-right: 0;
	}

	.asdfads {
		width: 140px;
		height: 140px;
		background-color: #2b2b2b;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.asdfads img {
		width: 140px;
		height: 140px;
		border-radius: 5px;
	}

	.hezuohuoban {
		width: 92%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.hezuohuoban img {
		width: auto;
		height: 30px;
		margin-top: 5px;
		margin-right: 5px;
	}

	.tiyuBox {
		width: 95%;
		margin: 0 auto 20px;
	}

	.tiyuBoxIt {
		width: 100%;
		margin-top: 10px;
		/* background-image: url('../../assets/images/beijingTow.png'); */
		min-height: 170px;
	}

	.tiyuBoxIt img {
		width: 100%;
		/* height: auto; */
		min-height: 170px;
		border-radius: 10px;
	}

	.zhenrenBox {
		width: 95%;
		margin: 0 auto 20px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.zhenrenBoxIt {
		width: 49%;
		margin-top: 5px;
		/* background-image: url('../../assets/images/beijingTow.png'); */
		min-height: 115px;
	}

	.zhenrenBoxIt img {
		width: 100%;
		margin: 0px auto;
		/* height: 112px; */
		height: auto;
		border-radius: 10px;
	}

	.event-qmenu {
		bottom: 100px;
		height: auto !important;
		left: 0;
		min-height: auto !important;
		position: fixed;
		transition: 0.3s ease;
		width: 100px;
		z-index: 21;
	}

	.event-qmenu.close {
		transform: translateX(-73px);
	}

	.handle {
		bottom: 5px;
		height: 84px;
		position: absolute;
		right: 3px;
		width: 30px;
	}

	.handle img {
		bottom: 28px;
		position: absolute;
		right: 3px;
		width: 25px;
		height: 25px;
	}

	svg:not(:root) {
		overflow: hidden;
	}

	.event-qmenu .handle path {
		fill: #7240ff;
	}

	/* 	.handle::after {
		speak: none;
		color: #fff;
		content: "►";
		font-family: iconmps !important;
		font-size: 20px;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		left: -2px;
		line-height: 1;
		position: absolute;
		text-align: center;
		text-shadow: 0 -1px 3px #4c0dff;
		text-transform: none;
		top: 50%;
		transform: translateY(-50%) rotate(180deg);
		width: 30px;
	} */

	.event-qmenu.close .handle::after {
		left: 0px;
		text-shadow: 0 1px 3px #4c0dff;
		transform: translateY(-50%) rotate(0deg);
	}

	@keyframes aqm {
		0% {
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
		}

		55% {
			box-shadow: 0 2px 4px #aa8dff;
		}

		70% {
			box-shadow: 0 2px 4px #bda6ff;
		}

		100% {
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
		}
	}

	.cont {
		align-items: center;
		animation: aqm 1.8s ease infinite;
		background-color: rgba(0, 0, 0, 0.8);
		border: 3px solid #7240ff;
		border-bottom-right-radius: 15px;
		border-left: 0;
		border-top-right-radius: 15px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
		display: flex;
		flex-wrap: wrap;
		min-height: 103px;
		padding: 10px;
		width: 70px;
	}

	.event-item {
		align-items: center;
		display: flex;
		height: 50px;
		justify-content: center;
		margin: 5px 0;
		position: relative;
		transition: 0.3s ease;
		width: 50px;
	}

	.event-item img {
		display: block;
		max-height: 100%;
		max-width: 100%;
	}

	.dafadsiframe {
		width: 100%;
		height: 100vh;
	}

	.dafadsiframe iframe {
		width: 100%;
		height: 100vh;
	}

	.jiazaidonghua {
		height: 100px;
		width: 100px;
		background-color: #313131;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
	}

	.jiazaidonghua img {
		height: 45px;
		width: 45px;
	}

	.boxdNUm {
		width: 100%;
	}

	.boxdNUm .title {
		width: 100%;
		height: 45px;
		text-align: center;
		line-height: 45px;
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		border-radius: 5px 5px 0px 0px;
		background: linear-gradient(180deg, #9e4fff, #5235ff);
	}

	.langlist {
		width: 100%;
		background-color: rgba(158, 79, 255, 0.1);
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		padding: 10px 25px;
	}

	.descIt {
		width: 48%;
		height: 40px;
		color: #fff;
		font-size: 15px;
		text-align: center;
		line-height: 40px;
		border-radius: 5px;
		background: linear-gradient(180deg, #9e4fff, #5235ff);
	}

	.descItTow {
		margin-top: 15px;
	}

	/deep/.el-dialog__header {
		padding: 0px;
	}

	/deep/.el-dialog__footer {
		padding: 0px 0px 20px;
	}

	/deep/.el-dialog--center .el-dialog__body {
		padding: 0;
		font-size: 18px;
		text-align: center;
	}

	/deep/.el-dialog--center {
		border-radius: 5px;
	}
</style>